<template>
    <div class="title">
        <img src="./back.png" alt="" class="back" @click='backIt()'>
        <span>{{subtext}}</span>
    </div>
</template>
<script>
export default {
  name: 'appHeader',
  props: {
    subtext: {
      type: String
    }
  },
  methods: {
    backIt: function() {
      history.go(-1)
    }
  }
}
</script>
<style lang='scss'>
$em-base: 75;
@import '../../common/mixin/_bourbon.scss';
.title {
  font-size: 26px;
  color: #fff;
  background: #f8c84c;
  padding-left: rem(26px);
  padding-right: rem(26px);
  height: rem(100px);
  text-align: center;
  line-height: rem(100px);
  span {
    text-align: center;
  }
  .back {
    float: left;
    width: rem(24px);
    height: rem(42px);
    margin-top: rem(28px);
  }
}
</style>